@CHARSET "UTF-8";
*	{ margin:0px; padding:0px; }
html, body { height: 100%; }
body { padding:0px; margin:0px; border:0px; font-size:12px; font-family:dotum; }
li { list-style:none; }
img { border:0px; }

form img {vertical-align:middle;}
form select {vertical-align:middle; font-size:12px;}
form input {vertical-align:middle; font-size:12px; ime-mode:active;}

input.text { padding-left:4px;  border:1px solid #A9A9A9; }

textarea { border:1px solid #A9A9A9; }

/* 디폴트 한글 */
.han { ime-mode:active; }
.eng { ime-mode:inactive; }

/* radio group */
input.radio { padding-bottom:5px; }
label.radio { padding-left: 3px !important; margin-right: 10px !important;}

/* checkbox group */
span.checkbox { display:inline; margin-right:6px; }
span.checkbox input { padding-bottom:5px; }
span.checkbox label { padding-left: 3px !important; }

#wrap { height: 100%; }
#top { font-family:dotum;  background-color:#3EC346; padding:0 0 0 0px; width:100%; height:100%;  }
#top div#logo { float:left; width:135px; height:100%; color:#ffffff; background-color:#009A43; padding-top:14px; padding-left:6px;   }
#top div#logo h3 { margin-left:20px; }
#top div#logo a { color:#ffffff; display:block;  }
#top div#user { float:right; font-size:12px;  color:#ffffff; height:12px; padding-right:10px; margin-top:18px;  }
#top div#logout { float:right;  padding-top:16px; padding-right:15px; }
#cti { float:left; left:150px; color:#ffffff; font-size:13px; font-weight:bold; padding-top:13px; padding-left:16px; height:100%; }
#cti input { padding:2px 6px ;  height:17px; border:1px solid #276E97; }
#cti select { height:23px;  }
#cti a { color:#fff; }
#cti .on { display:none; }



.btn {
margin:0;
border: 0;
border-radius: 2px;
text-shadow: none;
display: inline-block;
/* margin-bottom: 0; */
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
/* background-image: none; */
/* border: 1px solid transparent; */
white-space: nowrap;
padding:6px 10px 3px 10px;
font-size: 12px;
/* line-height: 1.42857143; */
/* border-radius: 4px; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.btn-primary:hover {
	background: #20580D;
}

.btn-primary {
color: #eee;
background: #009A43;
}

.btn-status {
color: #eee;
background: #009A43;
cursor:initial;
cursor:default;
}

/* #menu {  width:140px; min-height:100%; height:100%; float:left; background:#fff;border-right:1px solid #DBDEE0;}
#menu ul { margin:0px; padding:0; }
#menu li { font-size:13px; color:#000;  line-height:36px; border-bottom:1px solid #DBDEE0; padding-left:10px; }
.tlmenu {font-size:13px; font-weight:bold; 	 border-bottom:1px solid #E2E2E2; padding:10px 	10px;  background-color:#DBDEE0; color:#000;}
.sub_menu li a { display:block; color:#000; } */

#menu {  width:140px; min-height:100%; height:100%; float:left; background:#ffffff;border-right:1px solid #7D7D7D;}
#menu ul { margin:0px; padding:0px; }
#menu li { font-size:13px; color:#000;  line-height:34px; border-bottom:1px solid #DBDEE0; padding-left:24px; ; }
#menu li:hover { background-color:#ddd; }
.tlmenu {font-size:12px; font-weight:bold;  height:16px; color:#fff; border-bottom:1px solid #E2E2E2; padding:8px 0 4px 8px;;  background-color:#C2C2C2; }
.sub_menu li a { display:block; color:#000; text-decoration:none; }


.file_download a:link { color:#000000; text-decoration:none; }
.file_download a:hover { color:#000000; text-decoration:underline; }
.file_download a:visited { color:#000000; text-decoration:none; }
.file_download { margin-left:6px;}
.file_download img { width: 13px; height: 13px; margin-bottom: 3px;  margin-right:2px; }
.file_download img.ico_remove { width:12px; height:12px;margin-bottom: 3px;  margin-right:2px; }

/*
#page { position:relative; width:1280px;  height:100%; }
#contents { border-left:1px solid #7D7D7D;  position:absolute; top:0px; left:190px; padding:20px 10px 10px 15px; font-size:12px; font-family:dotum; width:1000px;  float:left;}
*/
#page { height:100%; }
#contents_nowidth { padding:15px; font-size:12px; font-family:dotum; }
#contents { width:1000px;  padding:15px; font-size:12px; font-family:dotum;  float:left;}
#popup { padding:5px 10px 10px 10px; }
#popup h3 { color:#000;margin-top:10px; font-size:13px; }
.pop_search { float:left; margin-top:10px; }
.pop_button { float:right; margin-top:10px; }


.menu_title { height:35px; }
.menu_title h1 { float:left; margin-top:10px; font-size:16px; font-weight:bold; font-family:dotum; color:#000000; padding:0px 0px 0px 20px; background:url(../admin/images/bul_tle_01.gif) 0px 2px no-repeat;}
.menu_title p { float:right;  margin-top:15px; font:11px/1.2em dotum; color:#888;}
.menu_comment li 	{ background:url(../admin/images/bul_list_01.gif) 0px 8px no-repeat; padding:0px 0px 2px 10px; }
.search_result		{ margin-top:30px; margin-bottom:5px; background:url(../admin/images/bul_mtle_01.gif) 0px 3px no-repeat; padding:0px 0px 0px 11px; font:bold 12px/1.2em verdana; color:#3192df; }
.brx				{ border-right:none !important; }
.blx				{ border-left:none !important; }
.bt1				{ border-top:1px #b7b7b7 solid !important; }
.br2				{ border-right:2px #b7b7b7 solid !important; }
.line_01			{ border-bottom:1px #dad9d7 solid; }
.blue				{ color:#3192df; }
.red				{ color:#e00000; }
.org				{ color:#ff7200; }
.selected			{ background:#DDDDDD; font-weight:bold; }
.btn_save			{ font-weight:bold; width:55px; height:27px; }
.hover				{ background-color:#D9E0EA; cursor:pointer; }
.required			{ background-color: #D1CFFF; }
.lightgrey 			{ color: #D3D3D3 !important; }
.black 				{ color: #000000 !important; }
.bold				{ font-weight:bold; }
.chk_all			{ height:14px; padding-top:0px; }
.info				{ background: url(../admin/images/ico_info.png) no-repeat; padding: 6px 10px 5px 28px; font: 11px/1.5em dotum; color: #727272; }
.tip 				{ background: url(../admin/images/ico_tip.gif) 0 2px no-repeat; padding: 0 20px 5px 32px; font: 11px/1.5em dotum; color: #727272;}
.sum				{ background-color:#D9E0EA; }

label.error 		{ padding-left:5px; display:inline; color:red; }
table				{	border-collapse: collapse; }

.table			{ border-top:2px #b7b7b7 solid; }
.table th		{ border-bottom:1px #b7b7b7 solid; background-color:#f4f4f4; font:12px/1.2em dotum; color:#333; }
.table th p		{ padding:7px 4px 6px; }
.table td		{ border-bottom:1px #b7b7b7 solid; padding:6px 4px 5px; font:12px/1.4em dotum; color:#555; }

.table_01			{ width:100%;  border-top:1px solid #b7b7b7;  }
.table_01 th		{ background-color:#f4f4f4; text-align:center; font:12px/1.4em dotum; color:#333; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; }
.table_01 th p		{ padding:7px 0px 6px; }
.table_01 td		{ padding:6px 10px 5px 5px; border-bottom:1px #b7b7b7 solid; font:12px/1.4em dotum; color:#333; solid; border-right:1px #b7b7b7 solid; }

.table_02			{ border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; }
.table_02 th		{ background-color:#f4f4f4; text-align:center; font:12px/1.4em dotum; color:#333; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; }
.table_02 th p		{ padding:7px 0px 6px; }
.table_02 td		{ padding:6px 10px 5px 5px; border-bottom:1px #b7b7b7 solid; font:12px/1.4em dotum; color:#333; solid; border-right:1px #b7b7b7 solid; }

.table_03			{ width:100%; border-top:2px #b7b7b7 solid; }
.table_03 th		{ border-bottom:1px #b7b7b7 solid; background-color:#f4f4f4; font:12px/1.2em dotum; color:#333; }
.table_03 th p		{ padding:11px 4px 8px; }
.table_03 td		{ border-bottom:1px #b7b7b7 solid; padding:10px 4px 6px; text-align:center; font:12px/1.4em dotum; color:#555; }

.table_04			{ border-top:2px #b7b7b7 solid;  }
.table_04 th		{ background-color:#f4f4f4; text-align:center; font:12px/1.4em dotum; color:#333; border-left:1px #b7b7b7 solid; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; }
.table_04 th p		{ padding:7px 5px 6px ; font-weight:bold;}
.table_04 td		{ padding:10px 10px 5px 5px; border-bottom:1px #b7b7b7 solid;text-align:center; font:12px/1.4em dotum; color:#333; border-left:1px #b7b7b7 solid; solid; border-right:1px #b7b7b7 solid; }

#popup table		{ width:100%;  border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; }
#popup table th		{ background-color:#f4f4f4; text-align:center; font:12px/1.4em dotum; color:#333; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; }
#popup table th p	{ padding:7px 0px 6px; }
#popup table td		{ padding:6px 10px 5px 5px; border-bottom:1px #b7b7b7 solid; font:12px/1.4em dotum; color:#333; solid; border-right:1px #b7b7b7 solid; }


/* 로그인 */
#login_page { position:relative; float:left; height:600px; padding:20px;}
#login_box {width:300px;}
#login{margin:120px 0 0 150px;}
#login_page{ width:1000px; height:511px; background:url('../admin/images/img_login.jpg') no-repeat;}
#login_box{width:300px; height:120px; margin:220px 0 0 550px;}
#login_box img{ margin-bottom:10px; display:block;}
#input_lay{width:200px; float:left;}
.login_input{font-size:16px; font-weight:bold; border:1px solid #588dc1; width:200px; height:25px; background-color:#eeeeee; margin-top:6px; vertical-align:middle; padding-top:5px; padding-left:10px; padding-bottom:5px; color:#588dc1;}
#login_bt{width:80px; padding-top:5px; float:right; font-size:11px;}
#login_gpki{padding-top:0px; float:center;}
#login #mid {background:url(../admin/images/bg_mid.gif) 0 0 no-repeat;}
#login #mpass {background:url(../admin/images/bg_mpass.gif) 0 0 no-repeat;}

/* 이미지 link disabled 처리
	<a href="" class="disabled"><img src=""/></a>
*/
.disabled {
	background-color: lightgrey;
	filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.3;
	cursor: default;
}
#file_upload { position: relative; overflow: hidden; direction: ltr; cursor: pointer; width: 66px; height: 20px; padding: 0px; top: 0px; left: 0px; }
#file_upload input {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 66px;
	height: 20px;
	cursor: pointer;
	z-index:999;
	filter: alpha(opacity=0); /**IE*/
	opacity: 0;/**others*/
}
.hidden { display:none; }


/* tab */
.tab_01			{ height:28px; background:url(../admin/images/bg_tab_01.gif) bottom repeat-x; padding:0 0 0 0px; margin:0; }
.tab_01 li		{ height:28px; float:left; background:url(../admin/images/tab_01_off.gif) right top no-repeat; padding:0 23px 0 0; margin-right:2px; cursor:pointer; font:bold 10pt/10pt dotum; color:#7b8e9f; list-style-type:none; }
.tab_01 li p	{ height:20px; float:left; background:url(../admin/images/tab_01_off.gif) no-repeat; padding:8px 0 0 15px; margin:0; }
.tab_01 .on		{ background:url(../admin/images/tab_01_on.gif) right top no-repeat; color:#333; }
.tab_01 .on p	{ background:url(../admin/images/tab_01_on.gif) no-repeat; }


/* paging */
.pagination {margin-top:29px; text-align:center;}
//.pagination span a {display:inline-block; vertical-align:top; width:26px; height:20px; margin-left:0px; padding-top:6px;padding-right:2px; line-height:14px; border:1px solid #cfcfcf; border-right:0px; text-align:center; color:#333;}
.pagination span a {display:inline-block; vertical-align:top;  border:1px solid #ddd; padding:8px 12px 6px 11px; margin-left:-1px; color:#666; }
.pagination span a:hover { text-decoration:none;  background:#eee;}
.pagination span a.active {color:#fff; text-decoration:none; border-color:#333; background:#333;}
//.pagination .first,  .last { font:12px; background:#3276B1}
//.pagination .firstPage {margin:0 2px 0 0; }
//.pagination .prevPage {margin:0 8px 0 0;}
//.pagination .nextPage {margin:0 0 0 8px;}
//.pagination .lastPage {margin:0 0 0 2px;}

/* 서대문 행복천사콜 */
div.checked	{ background-color:#FAED7D;}
.search { margin-left:-2px; }
.asc { background:url(../admin/images/sort_asc.png) no-repeat right 50%; padding-right:5px; cursor:pointer; }
.desc { background:url(../admin/images/sort_desc.png) no-repeat right 50%;padding-right:5px; cursor:pointer; }
.sort { background:url(../admin/images/sort_both.png) no-repeat right 50%;padding-right:5px; cursor:pointer; }
div.box { overflow-x:hidden; overflow-y:auto; border-left:1px solid #A9A9A9;border-bottom:1px solid #A9A9A9;border-right:1px solid #A9A9A9;vertical-align:top; }

/* 콜센터 */
.w328 	{ width:304px !important; }
.wdate	{ width:66px !important; }

#callcenter { height:600px; }
#callcenter h3 { color:#000; margin-bottom:5px; }
#callcenter input.text { font-size:12px; width:104px; border:1px solid #A9A9A9; padding-left:4px; }
#callcenter select { width:110px;font:12px/1.4em dotum; color:#333; }
#callcenter select.counsel_kind { width:110px;font:12px/1.4em dotum; color:#333; }
#callcenter select.counsel_part { width:196px;font:12px/1.4em dotum; color:#333; }
#callcenter textarea { width:298px; border:1px solid #A9A9A9;}
#callcenter table			{ border-top:1px #b7b7b7 solid;  }
#callcenter table th		{ padding:8px 4px 5px 4px;background-color:#f4f4f4; text-align:center; font:12px/1.4em dotum; color:#333; border-left:1px #b7b7b7 solid; border-bottom:1px #b7b7b7 solid; border-right:1px #b7b7b7 solid; }
#callcenter table td		{ padding:4px; border-bottom:1px #b7b7b7 solid;text-align:left; font:12px/1.4em dotum; color:#333; border-left:1px #b7b7b7 solid; solid; border-right:1px #b7b7b7 solid; }
#callcenter div.search { float:left; padding-left:2px; padding-bottom:5px; }
#callcenter div.search select { width:80px;  }
#callcenter div.button { position:absolute; top:0px; right:0px; }
#callcenter input.radio { padding-bottom:0px; } 
#callcenter label.radio { padding-top:5px; padding-left: 3px !important; margin-right: 10px !important;}
#callcenter div.count { padding-top:16px; padding-left:10px; float:left; font-weight:bold;  background: url(../admin/images/bul_mtle_01.gif) 0px 18px no-repeat; color: #3192df;}
#call_number { padding:6px 0; font-size:16px; font-weight:bold; font-family:Arial; color:#000; background:#fff;  margin-top:10px; text-align:center;  }

#customer_info { position: absolute; top: 10px; left: 10px;	 margin: 0px; border: 0px; }
#customer_history { position: absolute; top: 10px; left: 425px;	margin: 0px; border: 0px; width: 700px;	height:300px; }
#counsel_search { position: absolute; top: 274px; left: 425px; margin: 0px;	border: 0px; width: 700px; height:300px; }

/* sms */
#sms { position:relative; background:url(../admin/images/bg_sms.jpg) no-repeat; padding:40px 15px 5px 15px; height:240px; }
#sms_msg { ime-mode:active; width:166px; height:186px; border:0; padding:0; overflow-x:hidden; overflow-y:scroll; background:transparent;}
#sms p { position:absolute; top:252px; right:70px; color:#fff;  }

